<template>
    <div>
        <van-tabs v-model:active="active">
            <van-tab title="全部">
                <div class="ten">
                    <div><span>2024-06-18 15:04:26</span><span>29分30秒<b>待付款</b></span></div>
                    <hr>
                    <div>
                        <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                    </div>
                    <div class="btn">
                        <van-button type="default" @click="quFun">取消订单</van-button><van-button plain type="warning">立即支付</van-button>
                    </div>
                </div>
                <div class="ten">
                    <hr>
                    <div><span>2024-06-18 15:04:26</span><span>29分30秒<b>待付款</b></span></div>
                    <hr>
                    <div>
                        <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                    </div>
                    
                </div>
                <div class="ten">
                    <hr>
                    <div><span>2024-06-18 15:04:26</span><span>29分30秒<b>待付款</b></span></div>
                    <hr>
                    <div>
                        <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
                    </div>
                    
                </div>
            </van-tab>
            <van-tab title="待付款">内容 2</van-tab>
            <van-tab title="待发货">内容 3</van-tab>
            <van-tab title="待收货">内容 4</van-tab>
            <van-tab title="已完成">内容 4</van-tab>
        </van-tabs>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
span {
    margin: 0 25px;

    b {
        color: orange;
        margin-left: 5px;
    }
}

.btn {
    float: right;
    margin-top: 5px;
    margin-bottom: 15px;

}
.ten{
    margin-top: 55px;
}
</style>